<template>
  <div>
    <div style="background: #2c3e50">
      <div class="demo-image">
        <div class="block" >
          <!-- v-for="fit in fits" :key="fit"> -->
          <!-- <span class="demonstration">{{ fit }}</span> -->
          <el-image
            style="width: 80px; border-radius: 50%; margin-top: 10px;margin-left:60px;height: 80px"
            :src="url"
            ></el-image>
        </div>
      </div>
      <el-menu id="ico" background-color="#2c3e50" style="padding-left: 0px;background-color: rgb(84, 92, 100);" color="cornsilk" default-active="/home" router>
        <el-menu-item style="width:228px;height:60px;padding-left: 30px;" index="/">
          <!-- <span slot="img"><img src="aaaaa"></span> -->
          <span id="title" style="color: #F0F0F0" slot="title">九龙小说后台管理</span>
        </el-menu-item>
      </el-menu>
    </div>
    <div id="menum">
      <el-menu style="width:228px"
        default-active="/"
        class="el-menu-vertical-demo"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        router>
        <el-submenu index="/admin" >
          <template slot="title">
            <i class="el-icon-location"></i>
              <span id="lable">管理员管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/admin/admin-list"><span id="item">管理员列表</span></el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="/user">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span id="lable">用户管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/user/user-list"><span id="item">用户列表</span></el-menu-item>
            <el-menu-item index="/user/author-list"><span id="item">作者列表</span></el-menu-item>
            <el-menu-item index="/user/tblabel-list"><span id="item">用户书签列表</span></el-menu-item>
            <el-menu-item index="/user/read-list"><span id="item">用户阅读列表</span></el-menu-item>
            <el-menu-item index="/user/bookshelf-list"><span id="item">用户书架列表</span></el-menu-item>
            <el-menu-item index="/user/operation-list"><span id="item">用户发表列表</span></el-menu-item>
            <el-menu-item index="/user/browsingHistory-list"><span id="item">用户浏览列表</span></el-menu-item>
            <el-menu-item index="/user/voide-list"><span id="item">用户视频列表</span></el-menu-item>
            <!-- <el-menu-item index="1-2">选项2</el-menu-item>  -->
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="/jurisdiction">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span id="lable">权限管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/jurisdiction/role-list"><span id="item">角色列表</span></el-menu-item>
            <el-menu-item index="/jurisdiction/permission-list"><span id="item">权限列表</span></el-menu-item>
            <el-menu-item index="/jurisdiction/user-role"><span id="item">用户角色列表</span></el-menu-item>
            <el-menu-item index="/jurisdiction/role-permission"><span id="item">角色权限列表</span></el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="/book">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span id="lable">小说管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/book/bookName-list"><span id="item">小说列表</span></el-menu-item>
            <el-menu-item index="/book/catalogue-list"><span id="item">目录列表</span></el-menu-item>
<!--            <el-menu-item index="/4-2"><span id="item">章节列表</span></el-menu-item>-->
            <el-menu-item index="/book/bookContent-list"><span id="item">内容列表</span></el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="/discuss">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span id="lable">评论管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/discuss/bookDiscuss-list"><span id="item">小说评论列表</span></el-menu-item>
<!--            <el-menu-item index=""><span id="item">内容评论列表</span></el-menu-item>-->
            <el-menu-item index="/discuss/bookFragmentDiscuss-list"><span id="item">片段评论列表</span></el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="/carte">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span id="lable">菜单管理</span>
          </template>
          <el-menu-item-group>
<!--            <el-menu-item index="/5-1"><span id="item">菜单列表</span></el-menu-item>-->
            <el-menu-item index="/carte/carte-list"><span id="item">分类列表</span></el-menu-item>
            <el-menu-item index="/carte/book-list"><span id="item">榜单列表</span></el-menu-item>
            <el-menu-item index="/carte/navigation-list"><span id="item">导航列表</span></el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </div>

  </div>
</template>

<script>
export default {
  name: 'myMenu',

  data() {
    return {
      fits: ['contain'],
      url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
    };
  },

  mounted() {

  },

  methods: {

  },
};
</script>

